<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑帖子</title>
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //for-mobile-apps -->
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="/stylesheets/homepage.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="/stylesheets/page04.css">
    <!-- fonts -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Acme' rel='stylesheet' type='text/css'><!-- //fonts -->
    <!--<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>-->
    <script src="/js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
</head>
<body style="background-color: #e0e0e0">
<div class="header ">
    <div class="container">
        <div class="header-left grid">
            <div class="grid__item color-1">
                <h1><a href="/"><i></i><span class="link link--kukuri" data-letters="爱宠驿站">爱宠驿站</span></a></h1>
            </div>
        </div>
        <div class="header-right">
            <%
            if(username==undefined){
            %>
            <a href="/login">
                <img src="/images/person.png" alt="">
                登录
            </a>

            <%
            }else{
            %>

            <a href="/users">
                <img src="/images/person.png" alt="">
                <%=username%>
            </a>
            <%
            }
            %>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class="banner page-head">
    <div class="ban-top ">
        <div class="container">
            <div class="ban-top-con">
                <div class="top_nav_left">
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse menu--shylock" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav menu__list">
                                    <li class="active menu__item "><a class="menu__link" href="/">首页 <span class="sr-only">(current)</span></a></li>
                                    <li class=" menu__item "><a class="menu__link" href="#">关于我们</a></li>
                                    <li class=" menu__item"><a class="menu__link" href="/apply_foster">申请寄养家庭</a></li>
                                    <li class=" menu__item "><a class="menu__link" href="/users/foster">宠物寄养</a></li>
                                    <li class=" menu__item menu__item--current"><a class="menu__link" href="/article">社区</a></li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
                <div class="top_nav_right">
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>

<div class="editor_container">
    <div class="editor_header">
        <p style="padding-left: 5%">记录你和爱宠的故事吧！</p>
    </div>
    <form role="form"   method="post" id="addart_form" >
        <div class="form_editor">
            <p>故事标题</p>
            <textarea class="form-control" rows="1" placeholder="在此输入文章主标题" name="title"></textarea>
            <hr>
            <p>故事内容</p>
            <textarea class="form-control" rows="10" placeholder="在此输入文章内容" name="content"></textarea>
            <hr>
            <p>插入图片</p>
            <a href="javascript:" class="file">选择文件
                <input type="file" id="exampleInputFile" name="fileImage01" >
            </a>
            <div id="preview" style="width: auto;height:auto;">
                <img src="" alt="" id="preview_img" style="width: 100px;height: 100px">
            </div>
            <br>
            <br>
            <button type="submit" class="btn btn-default">发布</button>
        </div>
    </form>
</div>
<%include footer.html%>

<script src="/javascripts/addart.js"></script>
</body>
</html>